<template>
  <div class="MyTanwu">
    <div class="left">
      <img src="../assets/img/logo.png" class="logo" alt="" />
      <ul class="list">
        <li><router-link to="/MyTanwu/MyHome"> 首页</router-link></li>
        <li><router-link to="/MyTanwu/MyGuanyv">关于探物</router-link></li>
        <li> <router-link to="/MyTanwu/MyZulin"> 租赁中心 </router-link> </li>
        <li> <router-link to="/MyTanwu/MyChanpin"> 产品测评 </router-link> </li>
        <li> <router-link to="/MyTanwu/MyShangwu"> 商务合作 </router-link> </li>
        <li> <router-link to="/MyTanwu/MyJiaru"> 加入我们 </router-link></li>
      </ul>
    </div>

    <div class="right">
      <p class="login"><a href="#">合作方登录</a></p>
      <p class="text">体验探物租赁</p>
    </div>
    <router-view> </router-view>
  </div>
</template>

<script>
export default {
  name: "MyTanwu",
};
</script>
<style scoped>
.MyTanwu {
  width: 100%;
  height: 76px;
  background: #f9c023;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
.logo {
  width: 122px;
  height: 40px;
}
.list {
  display: flex;
  align-items: center;
  margin-left: 92px;
}
.list li {
  margin-right: 44px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
}
.login a {
  color:#000000;
  font-weight: 600;
  margin-right:28px;
}
.text {
  width: 126px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 20px;
  background: #3ed8c4;
  font-weight: 400;
}
.left {
  display: flex;
  align-items: center;
}
.right {
  display: flex;
  align-items: center;
}
a {
    color: #000;
}
</style>